page{
	background-color: #F7F7F7;
}
.userpage{
	padding: 0 10rpx;
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.user_nav{
	width: 100%;
	/* #ifdef MP-WEIXIN */
	padding-bottom: 10rpx;
	/* #endif */
	position: fixed;
	z-index: 88;
	top: 0;
}
.userpage_head{
	padding: 0rpx 24rpx 24rpx 24rpx;
	.userpage_head_set{
		padding-right: 10rpx;
		margin-bottom: 20rpx;
		display: flex;
		justify-content: flex-end;
	}
	.user_info_card{
		.uutx{
			width: 138rpx;
			height: 138rpx;
			border-radius: 50%;
		}
		.uu_nikeinfo{
			margin-left: 24rpx;
			.nicknames{
				color: #1A1A1A;
				font-size: 36rpx;
				font-weight: bold;
			}
			.uu_address{
				margin-top: 19rpx;
				color: #666666;
				font-size: 26rpx;
			}
		}
		.site_icon{
			.siteicon{
				width: 45rpx;
				height: 48rpx;
			}
		}
		.qricon{
			width: 48rpx;
			height: 48rpx;
			margin-left: 60rpx;
			background-size: 100%;
		}
	}
	
	.user_info_totals{
		margin-top: 30rpx;
		.u_totals_data{
			
			.u_totals_item{
				text-align: center;
				.u_totals_val{
					color: #000000;
					font-size: 48rpx;
				}
				.u_totals_text{
					color:#000000;
					font-size: 24rpx;
				}
			}
		}
		
	}
}
.u_minpian{
	padding: 16rpx 24rpx;
	background: #FFFFFF;
	border-radius: 31rpx;
	margin-top: 20rpx;
	.mpicon{
		width: 36rpx;
		height: 36rpx;
	}
	.umptext{
		margin-left: 14rpx;
		color: #000000;
		font-size: 26rpx;
	}
}
.invitefind{
	margin: 0 auto;
	margin-top: 40rpx;
	width: 710rpx;
	height: 161rpx;
	box-sizing: border-box;
	padding: 0 28rpx;
	background: #FFFFFF;
	border-radius: 20rpx;
	.jinbi{
		width: 95rpx;
		height: 56rpx;
		margin-right: 30rpx;
	}
	.findbytext{
		.maxtitles{
			color:#000000;
			font-size: 30rpx;
			font-weight: bold;
		}
		.subtitles{
			margin-top: 12rpx;
			color: #666666;
			font-size: 24rpx;
		}
	}
	.toinvites{
		margin-left: auto;
		.invite_tts{
			color: #B20000;
			font-size: 28rpx;
			font-weight: bold;
		}
		.jtimg{
			margin-left: 25rpx;
			width: 18rpx;
			height: 28rpx;
		}
	}
}
.genetic_main{
	width: 100%;
	box-sizing: border-box;
	margin-top: 15rpx;
	height: 138rpx;
	background-size: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40rpx;
	border-radius: 24rpx;
	.genetic_buy{
		color: #1D3A74;
		font-size: 30rpx;
		font-weight: 600;
		margin-bottom: 8rpx;
	}
	.genetic_clear{
		color: rgba(29, 58, 116, 0.90);
		font-size: 24rpx;
	}
	.genetic_btn{
		width: 150rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		border-radius: 40rpx;
		background: linear-gradient(270deg, #1F59CB 0%, #4E8DEB 100%);
		color: #FFFFFF;
		font-size: 26rpx;
	}
}
.menu_u_item_icon1{
	width: 48rpx;
	height: 48rpx;
	background-size: 100%;
	background-repeat: no-repeat;
}
.menu_user_list{
	padding: 20rpx 0;
	margin: 30rpx 20rpx 20rpx 20rpx;
	background-color: #FFFFFF;
	border-radius: 20rpx;
	box-shadow: 8rpx -4rpx 2rpx 2rpx #F8F8F8;
	.menu_u_item{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		width: 20%;
		height: 150rpx;
		text-align: center;
		border-right: 1rpx solid #D3DAE8;
		// margin-bottom: 50rpx;
		.menu_u_item_icon{
			width: 38rpx;
			height: 44rpx;
			background-size: 100%;
			background-repeat: no-repeat;
		}
		
		.menu_u_item_name{
			margin-top: 8rpx;
			color: #000000;
			font-size: 24rpx;
		}
		.menu_u_item_num{
			// font-size: 50rpx;
			font-size: 22rpx;
			font-weight: 600;
		}
	}
	.menu_u_item:nth-last-child(1){
		border-right: none;
	}
}
.menu_user_nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20rpx 0;
	margin: 0 20rpx;
	border-bottom: 1rpx solid #D3DAE8;
	.nav_img_box{
		padding: 15rpx;
		border-radius: 14rpx;
		.user_nav_img{
			width: 50rpx;
			height: 50rpx;
			background-size: 100%;
		}
	}
	
	.user_nav_text{
		font-size: 30rpx;
		color: #000000;
		margin-left: 20rpx;
	}
}
.user_bottom{
	padding: 0rpx 20rpx 30rpx 20rpx;
	border-radius: 20rpx;
}
.groom_nav{
	display: flex;
	justify-content: space-between;
	padding: 35rpx 40rpx;
	border-radius: 20rpx 20rpx 0rpx 0rpx;
	.nav_item{
		font-size: 32rpx;
		color: rgba(52, 52, 52, 0.50);
		font-weight: 600;
	}
	.nav_item.active{
		font-size: 36rpx;
		color: #000000;
	}
}
.groom_list{
	background-color: #FFFFFF;
	border-radius: 20rpx;
	.groom_list_all{
		padding: 0 32rpx;
	}
	.groom_list_item{
		width: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 24rpx 0rpx;
		border-bottom: 1px solid #F2F2F2;
		.people_img{
			width: 96rpx;
			height: 96rpx;
			border-radius: 50%;
		}
		.people_name{
			font-size: 30rpx;
			font-weight: bold;
		}
		.people_address{
			font-size: 24rpx;
			color: #666666;
			margin-top: 14rpx;
		}
		.add_people{
			display: flex;
			align-items: center;
			padding: 14rpx 16rpx;
			border-radius: 40rpx;
			background-color: #B13B3B;
			color: #FFFFFF;
			font-size: 26rpx;
			.add_people_img{
				width: 40rpx;
				height: 40rpx;
				background-size: 100%;
				margin-right: 8rpx;
			}
		}
	}
}